<ion-view title="登录" hide-back-button="true"  style="background-image: url('./img/loginbg1.png');-webkit-background-size:cover">
    <!--<style>
        .button1{/*弹出框样式*/
            min-width: 230px;
            border-color: #145fd7;
            background-color: #4a87ee;
            color: #fff;
        }
        .button1:hover {
            color: #fff;
            text-decoration: none;
        }
        .button1.activated {
            border-color: #145fd7;
            background-color: #145fd7;
            box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); }
    </style>-->
    <ion-content has-header="true" has-tabs="false" padding="false">
        <!--<form ng-submit="login()">-->
        <div style="margin: 13% 0% 0% 0%;text-align: center"><img src="./img/logo.png" style="width: 280px;height: 115px"></div>
            <form>
            <div class="list">

                <!--<label class="item item-input item-stacked-label">
                    <span class="input-label" for="userName">用户名</span>
                    <input type="text" ng-model="loginData.userName"  placeholder="John">
                </label>
                <label class="item item-input item-stacked-label">
                    <span class="input-label" for="password">密码</span>
                    <input type="password" ng-model="loginData.password" placeholder="******">
                </label>
                <label class="item item-input item-stacked-label">
                    <span class="input-label" for="clientId">客户端ID</span>
                    <input type="text" ng-model="loginData.clientId" placeholder="******">
                </label>-->

                <div class="list list-inset">
                    <label class="item item-input">
                        <span class="input-label" for="userName" style="width: 15%">用户名：</span>
                        <input type="text" id="userName" ng-model="loginData.userName" ng-minlength="3"  placeholder="John"  required>
                    </label>
                    <label class="item item-input">
                        <span class="input-label" for="password" style="width: 15%">密&emsp;码：</span>
                        <input type="password" id="password" ng-model="loginData.password" placeholder="******">
                    </label>
                    <label class="item item-input">
                        <span class="input-label" for="clientId" style="width: 15%">&emsp;ID&emsp;：</span>
                        <input type="text" id="clientId" ng-model="loginData.clientId" placeholder="******">
                    </label>
                </div>


                <div class="padding" style="padding-top: 30px">
                    <!--<a href="#/tab/items">-->
                   <!--<button type="submit"  class="button button-block button-positive">
                        登录系统
                    </button>-->
                    <button ng-click="login()"  class="button button-block button-energized">
                        登录系统
                    </button>
                    <!--</a>-->
                </div>
                <div class="padding">
                    <span style="color: red;font-size: 16px;letter-spacing: 2px;">{{status}}</span>
                </div>

            </div>
        </form>
    </ion-content>
</ion-view>